<template>
  <div class="loginBox">
    <div class="header">
      重置密码
    </div>
    <div class="loginForm">
      <group>
        <x-input title="输入新密码" v-model="obj.mobile" name="mobile" placeholder="输入新密码（6位数字）" keyboard="number" is-type="mobile"></x-input>
      </group>

      <group>
        <x-input title="确认新密码" placeholder="确认新密码（6位数字）" class="weui-vcode">
          <!--<x-button slot="right" type="primary" plain="false"  mini>获取验证码</x-button>-->
        </x-input>
      </group>


      <div class="login">下一步</div>
    </div>
  </div>
</template>
<script src="./resetPassword.js"></script>
<style lang="less" scoped>
  /*@import "./login.less";*/

  .loginBox {
    background-color: #fff;
    position: absolute;
    width:100%;
    height: 100%;
    .header{
      margin-left: .4rem;
      margin-top: .7rem;
      font-size:.44rem;
      font-family:PingFang-SC-Bold;
      font-weight:bold;
      color:rgba(51,51,51,1);
      line-height:.56rem;
    }

    .loginForm{
      margin-top: 1.38rem;
      padding-right: .4rem;
      padding-left: .4rem;

      /deep/ .weui-cells{
        margin-top: 0;
        font-size: 0.32rem;
        .weui-cell{
          padding: 0.3rem 0rem;
        }
        .weui-input{
          color: #333;
          font-size: 0.3rem;
        }
      }
      /deep/ .weui-cells:before{
        display: none;
      }
      /deep/ .weui-cells:after{
        border-bottom: 1px solid rgba(235,235,235,1);
      }

      /deep/ .weui-label{
        width:1.67rem!important;
        display: inline-block;
        text-align: justify;
        text-align-last: justify;
        margin-right: .65rem;
        font-size:.32rem;
        font-family:PingFang-SC-Medium;
        font-weight:500;
        color:rgba(51,51,51,1);
      }
      /deep/ .weui-label:after {
        width:100%;
        display: inline-block;
        content: '';
      }

      /deep/ input::-webkit-input-placeholder {
        color: #ddd;
        font-size: 0.3rem;
      }
      /deep/ input:-moz-placeholder {
        color: #ddd;
        font-size: 0.3rem;
      }
      /deep/ input:-ms-input-placeholder {
        color: #ddd;
        font-size: 0.3rem;
      }
      /deep/ .weui-btn{
        border: 0px;
        color:rgba(253,179,118,1);
        padding: 0px;
        font-size:.26rem;
        font-family:PingFang-SC-Medium;
        font-weight:500;
      }



      .login{
        margin-top: 1.2rem;
        background:rgba(82,125,217,1);
        box-shadow:0rem .18rem .35rem .0rem rgba(82,125,217,0.15);
        border-radius:.46rem;
        padding: .3rem;
        text-align: center;
        font-size:.34rem;
        font-family:PingFang-SC-Medium;
        font-weight:500;
        color:rgba(255,255,255,1);
      }

    }
  }

</style>

